<template>
  <!-- 每一个页面文件夹下的Index.vue就是这个页面组件 -->
  <!-- <MyHeader title="猫眼电影">
    <span class="iconfont icon-caidan"></span>
  </MyHeader> -->

  <div class="top">
    <MyHeader title="猫眼电影" :hasIcon="true"></MyHeader>
    <MyNav />
  </div>

  <!-- <KeepAlive>
    <RouterView />
  </KeepAlive> -->
  <router-view v-slot="{ Component }">
    <keep-alive>
      <component :is="Component" />
    </keep-alive>
  </router-view>

  <!-- <div class="main">
    <div class="wrapper">
      <Rated />
      <Movies @addBs="addBs" :moreList="moreList" />
    </div>
  </div> -->
</template>

<script>
import MyHeader from "./components/MyHeader.vue";
import MyNav from "./components/MyNav.vue";

export default {
  data() {
    return {};
  },
  components: {
    MyHeader,
    MyNav,
  },
};
</script>

<style scoped lang="less">
.top {
  position: fixed;
  width: 375px;
  height: 98px;
  left: 0;
  top: 0;
  z-index: 999;
}
</style>
